<template>
  <h4 class="text-size-20">项目经验</h4>

  <div v-for="item in list" :key="item.title">
    <a-card class="margin-12">
      <ProjectList
        v-if="item"
        :resumeNavigationUrl="resumeNavigationUrl"
        :projectInfo="item"
      />
    </a-card>
  </div>
  <a @click="toProjectInfoAllPage">更多项目详见...</a>
</template>

<script setup>
import { ref } from "vue";
import ProjectList from "@/components/ProjectList.vue";

// 数据后期对接到数据库进行存储和查看
import resumeData from "@/model/ProjectInfoList.js";
import { useRouter } from "vue-router";

const router = useRouter();
// 跳转到全部项目
const toProjectInfoAllPage = (event) => {
  event.preventDefault(); // 阻止默认行为
  router.push("/person/project");
};

const projectInfoSomeList = resumeData.projectInfoSomeList;
const resumeNavigationUrl = ref(resumeData.resumeNavigationUrl);
// 数据后期对接到数据库进行存储和查看
const list = ref(projectInfoSomeList);
</script>

<style scoped></style>
